<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Sample Metadata Application</title>
    <style>body{visibility: visible;}</style>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
	<link rel="shortcut icon" href="/pentaho-style/favicon.ico" />
    <!-- load the pentaho styling.  Try to use those if possible for consistency -->
    <link rel="stylesheet" type="text/css" href="/pentaho-style/styles-new.css" />
    <!-- load the mqlsample specific styling.  Make your changes there -->
    <link rel="stylesheet" type="text/css" href="css/xmql.css" />
    <link rel="stylesheet" type="text/css" href="css/ui.all.css" />

</head>

<body class="body">
	<div>
		<h1>Sample Metadata Application</h1>
	</div>
	<div id="mqlLeft">
		<div id="modelContainer">
			<form method="post" id="modelSelectForm" action="">
				<select name="model" id="modelSelect">
					<option value="">Choose Model...</option>
				</select>
			<input type="button" id="bQuery" value="Query"></input>
			</form>
		</div>
		<div id="viewResult"></div>
	</div>
	<div id="mqlContent">
		<div id="queryResult"></div>
		<div id="filterDialog" style="display:none"></div>
	<div>
    <script type="text/javascript" src="/pentaho/js/pentaho-ajax.js"></script>
    <script type="text/javascript" src="/pentaho/js/xhr.js"></script>
    <script type="text/javascript" src="/pentaho/js/pmd.js"></script>
	<!-- <script type="text/javascript" src="/pentaho/js/location.js"></script>
	<script type="text/javascript" src="/pentaho/js/puc.js"></script> 
    <script type="text/javascript" src="/pentaho/js/plugin.js"></script> 
    <script type="text/javascript" src="/pentaho/js/prettyprint.js"></script> -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.ui.js"></script>
	<script type="text/javascript" src="js/prb.js"></script>
	<script type="text/javascript" src="/pentaho/js/oop.js"></script>
	<script type="text/javascript" src="/pentaho/js/app.js"></script>
	<script type="text/javascript">
		$(document).ready( function(){
			pentaho.xmql = new pentaho.app();
			pentaho.xmql.register('pmd-model-select', pentaho.prb.ModelSelector)
			pentaho.xmql.start('pmd-model-select', {element:$("#modelSelect")});
			
			
			/*
			pentaho.xmql.register('pmd-query', pentaho.pmd.query )
			pentaho.xmql.register('pmd-model', )
			pentaho.xmql.register('pmd-table', )
			pentaho.xmql.register('pmd-field-select', )
			pentaho.xmql.register('pmd-edit-pane', )
			pentaho.xmql.register('puc', ) */
		});		
	</script>
</body>
</html>